<template>
<div class='city-title' :class="leftTitle">{{title}}</div>
</template>
<script>
export default {
  props: {
    title: String,
    left: Boolean
  },
  computed: {
    leftTitle () {
      return {
        'city-title-left': this.left
      }
    }
  }
}
</script>
<style lang='scss'>
.city-title{
  line-height: 60px;
  padding-left: 50px;
  background: #e8e8e8;
  &-left{
    padding-left: 30px;
  }
}
</style>
